<!DOCTYPE html>
<html lang="zh-CN">
<!-- 模版 -->
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>>>搜索</title>
	<link href="../../css/universal.css" rel="stylesheet">
	<script src="../../js/jquery-3.7.1.js"></script>
	<link href="../../css/font-awesome.css" rel="stylesheet">
	<link href="../../css/search.css" rel="stylesheet">
</head>

<body>

<!-- 导航栏 -->
<nav id="navigationBar">
	<div class="nav-container">
		<script>$("#navigationBar>.nav-container").load("../pubicPage/topPage.html");</script>
	</div>
</nav>

<!-- 搜索和筛选 -->
<section class="search">
	<div class="search-container">
		<h2>查找<span class="text-accent">东西</span></h2>
		<div class="search-form">
			<div class="search-input">
				<input placeholder="搜索你想要的..." type="text">
			</div>
			<div class="search-filters">
				<button>
					<i class="fa fa-filter mr-2"></i> 筛选
				</button>
			</div>
		</div>
	</div>
</section>

<section class="glassContent">
	<div class="content-container">
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊<br>
		啊
	</div>
</section>

<section class="content">
	<div class="content-container">
		啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	</div>
</section>

<section class="glassContent">
	<div class="content-container">
		啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
	</div>
</section>

<!-- 关于我们 -->
<section class="about" id="about">
	<script>$("#about").load("../pubicPage/bottomPage.html")</script>
</section>

<script>
    $(document).ready(function () {
        $('#menu-toggle').click(function () {
            $('#mobile-menu').slideToggle();
        });
    });
</script>
</body>

</html>
